<template>
	<view class="container">
		<!-- 个人信息 -->
		<view class="bg-view" :style="'height:' + (titleBarHeight+titleBarHeight) + 'px;'">
			<image class="bg-image" src="https://imgs.ynz666.com/test/2025/01/07/YmNhNWU4OWYyOTA1NTAzMDA4NmMyZGY3YjA4ZjcwZmM=.png" mode="aspectFill"></image>
			<!-- 顶部状态栏 -->
			<view class="top-nav"
				:style="'height:' + (titleBarHeight+titleBarHeight) + 'px;position:fixed;top:0;width:100vw;'">
				<!-- <image src="../../static/bg_mine.png" mode="aspectFill"></image> -->
				<view class="status_nav" :style="'height:' + statusBarHeight + 'px;position:fixed;top:0;width:100vw;'">
				</view>
				<view
					:style="'height:'+ titleBarHeight +'px;line-height:'+ titleBarHeight + 'px;top:'+ statusBarHeight +'px;position:fixed;width:100vw;'"
					class="Index_tab_top">
					<view class="scan-box" @click="ScanCode">
						<image src="../../static/mine/img10.png" mode="aspectFill"></image>
						<view>激活扫码</view>
					</view>
					<view class="mine-txt">我的</view>
				</view>
			</view>
			<!-- <view :style="'width: 100vw;height:'+(titleBarHeight+titleBarHeight)+'px;'"></view>
			<view class="userinfo-img" @click="JumpPage('userinfo')">
				<image :src="mineInfo.avatar" mode="aspectFill"></image>
				<image src="../../static/writer.png" mode="aspectFill"></image>
			</view>
			<view class="user-name">{{mineInfo.nick_name}}</view>
			<view class="user-name-tip">今天是你加入下楼休闲吧的第{{day}}天</view> -->
		</view>

		<view class="main1">
			<view class="left">
				<image :src="mineInfo.avatar" mode="aspectFill" class="img"></image>
				<view class="view_box">
					<view class="view1">
						{{mineInfo.nick_name}}
					</view>
					<view class="view2">
						今天是你加入下楼休闲吧的第{{day}}天
					</view>
				</view>
			</view>
			<view class="right" @click="JumpPage('userinfo')">
				<view class="view1">
					个人中心
				</view>
				<image src="../../static/mine/img1.png" mode="widthFix" class="img"></image>
			</view>
		</view>


		<view class="main2">
			<view class="item" @click="showMoadl">
				<image src="../../static/mine/img2.png" mode="scaleToFill" class="img_bj"></image>
				<view class="item_box">
					<view class="box_content">
						<view class="view1">
							吃喝玩乐免单券
						</view>
						<view class="view2">
							去购买 >
						</view>
						<view class="view3">
							吃喝玩乐仅需 16 元/天
						</view>
					</view>
				</view>
			</view>
			<view class="item" @click="jumpRank">
				<image src="../../static/mine/img3.png" mode="scaleToFill" class="img_bj"></image>
				<view class="item_box">
					<view class="box_content">
						<view class="view1">
							玩乐榜单
						</view>
						<view class="view2">
							暂未上榜
						</view>
						<view class="view3">
							榜单每周日更新
						</view>
					</view>
				</view>
			</view>
		</view>

		<view class="main3">
			<view class="item" @click="openPage('income',4)">
				<view class="left">
					<image src="../../static/mine/img19.png" mode="widthFix" class="img"></image>
					<view class="view1">
						我的钱包
					</view>
				</view>
				<view class="right">
					<image src="../../static/mine/img1.png" mode="widthFix" class="img"></image>
				</view>
			</view>
			<view class="item" @click="openPage('packet',3)">
				<view class="left">
					<image src="../../static/mine/img16.png" mode="widthFix" class="img"></image>
					<view class="view1">
						我的抵扣金
					</view>
				</view>
				<view class="right">
					<image src="../../static/mine/img1.png" mode="widthFix" class="img"></image>
				</view>
			</view>
			
			<!-- share -->
			<!-- <view class="item" @click="openPage('share',1)">
				<view class="left">
					<image src="../../static/mine/img12.png" mode="widthFix" class="img"></image>
					<view class="view1">
						分享赚钱
					</view>
				</view>
				<view class="right">
					<image src="../../static/mine/img1.png" mode="widthFix" class="img"></image>
				</view>
			</view> -->
			<!-- <view class="item">
				<view class="left">
					<image src="../../static/mine/img5.png" mode="widthFix" class="img"></image>
					<view class="view1">
						关注服务号
					</view>
				</view>
				<view class="right">
					<image src="../../static/mine/img1.png" mode="widthFix" class="img"></image>
				</view>
			</view> -->
			<view class="item" @click="WeixinServer">
				<view class="left">
					<image src="../../static/mine/img13.png" mode="widthFix" class="img"></image>
					<view class="view1">
						联系客服
					</view>
				</view>
				<view class="right">
					<view class="view1">
						10:00-18:00
					</view>
					<image src="../../static/mine/img1.png" mode="widthFix" class="img"></image>
				</view>
			</view>
			<view class="item" @click="openPage('process',2)">
				<view class="left">
					<image src="../../static/mine/img14.png" mode="widthFix" class="img"></image>
					<view class="view1">
						使用教程
					</view>
				</view>
				<view class="right">
					<image src="../../static/mine/img1.png" mode="widthFix" class="img"></image>
				</view>
			</view>
			
			<!-- <view class="item" @click="openPage('brandList',3)">
				<view class="left">
					<image src="../../static/mine/img11.png" mode="widthFix" class="img"></image>
					<view class="view1">
						我的卡券
					</view>
				</view>
				<view class="right">
					<image src="../../static/mine/img1.png" mode="widthFix" class="img"></image>
				</view>
			</view> -->
			<!-- <view class="item">
				<view class="left">
					<image src="../../static/mine/img7.png" mode="widthFix" class="img"></image>
					<view class="view1">
						问题反馈
					</view>
				</view>
				<view class="right">
					<image src="../../static/mine/img1.png" mode="widthFix" class="img"></image>
				</view>
			</view> -->
			<!-- <view class="item">
				<view class="left">
					<image src="../../static/mine/img8.png" mode="widthFix" class="img"></image>
					<view class="view1">
						帮助中心
					</view>
				</view>
				<view class="right">
					<image src="../../static/mine/img1.png" mode="widthFix" class="img"></image>
				</view>
			</view> -->
			<view class="item" @click="WeixinServerT" v-if="mineInfo.mode!='test'">
				<view class="left">
					<image src="../../static/mine/img18.png" mode="widthFix" class="img"></image>
					<view class="view1">
						商家入驻
					</view>
				</view>
				<view class="right">
					<image src="../../static/mine/img1.png" mode="widthFix" class="img"></image>
				</view>
			</view>
			<!-- @click="JumpPlatform" -->
			<!-- <view class="item" @click="openPage('partner',4)">
				<view class="left">
					<image src="../../static/mine/img20.png" mode="widthFix" class="img"></image>
					<view class="view1">
						成为合伙人
					</view>
				</view>
				<view class="right">
					<image src="../../static/mine/img1.png" mode="widthFix" class="img"></image>
				</view>
			</view> -->
		</view>

		<!-- 霸王pro -->
		<!-- <view class="user-vip">
			<view class="user-vip-detail" @click="showMoadl">
				<view class="user-vip-left">
					<view>霸王PRO</view>
					<view>免费吃喝玩乐</view>
				</view>
				<image src="https://imgs.ynz666.com/xiuxian/vip-logo.png" v-if="mineInfo.vip_level>0" mode="aspectFill"></image>
				<image src="https://imgs.ynz666.com/xiuxian/nomral.png" v-else mode="aspectFill"></image>
			</view>
			<view class="user-vip-detail" @click="jumpRank">
				<view class="user-vip-left">
					<view>玩乐榜单</view>
					<view>最会玩的玩咖社区</view>
				</view>
				<image src="https://imgs.ynz666.com/xiuxian/rank-1.png" mode="aspectFill"></image>
			</view>
		</view> -->
		<!-- 广告 -->
		<view class="index_banner" v-if="adList && adList.length>0">
			<swiper class="swiper-banner" :autoplay="autoplayFlag" :circular="false">
				<swiper-item v-for="(img , index) in adList" :key='index' @click="jumpAd(img)">
					<image :src="img.imgUrl" mode="aspectFill"></image>
				</swiper-item>
			</swiper>
		</view>
		<!-- 我预约的 -->
		<!-- <view class="mine-booking" v-if="orderList && orderList.length>0">
			<view class="mine-booking-title">我预约的</view>
			<view class="booking-info" v-for="(orderInfo,orderindex) in orderList" :key="orderindex"  @click="orderMed(orderInfo)">
				<view class="booking-left">
					<image :src="orderInfo.thumb_img" mode="aspectFill" class="booking-img"></image>
				</view>
				<view class="booking-right">
					<view class="booking-name word-line-clamp1">{{orderInfo.businessName}}</view>
					<view class="booking-time">
						<text>预约时间：</text>
						<text>{{orderInfo.appointmentDate.split('.')[1]}}.{{orderInfo.appointmentDate.split('.')[2]}} {{orderInfo.startTime}}-{{orderInfo.endTime}}</text>
					</view>
					<view class="booking-btn" v-if="orderInfo.status == 0">
						<view>出示二维码</view>
					</view>
					<view class="booking-btn" v-if="orderInfo.status == 1">
						<view class="comment">去评价</view>
					</view>
				</view>
			</view>
		</view> -->

		<!-- <view class="tips" :style="'bottom:'+(bottomTabbar + 65)+'px;'">
			<view>当前版本号 {{pageInfo.filter(item => item.name.indexOf('版本号') > -1)[0].value}}</view>
			<view>Copyright © 2021-2022 Xialou tech All Right Reserved.</view>
		</view>
		<view style="height: 68rpx;"></view> -->
		
		<view class="maskTow" v-if="modalFlagTow">
			<view class="nomral-modal">
				<image
					src="https://imgs.ynz666.com/test/2024/11/04/ZjU4OTIxN2JiYjkwMTFiZmNkNDJiYWRjNzBhZThkZDU=.png"
					mode="aspectFill" class="tk_bjImg"></image>
				<view class="modal_box">
					<image
						src="https://imgs.ynz666.com/test/2023/08/14/YTI1NTk0ZmIwMTVmOGE1ZTc3YzIwZjIzNjQ4YWVlNTA=.png"
						mode="aspectFill" class="gb_img" @click.stop="closeMask"></image>
		      
					<view class="content_box">
						<view class="cont1">
							<image
								src="https://imgs.ynz666.com/test/2024/11/04/YTAxMzZmNDBjY2MzZGM2MTI0OTNlNGIzMDIzYjljZTQ=.png"
								mode="aspectFill" class="con_bj"></image>
							<view class="con_main">
								<view class="main_top">
									分享领券
								</view>
								<view class="main_bottom">
									<view class="bot_left">
										<view class="left_name">
											分享给新朋友
										</view>
										<view class="left_desc">
											新朋友领取，各得免单券＊1
										</view>
									</view>
									<view class="bot_right" @click="acquireCoupon(1)">
										立即去分享
									</view>
								</view>
							</view>
						</view>
						<view class="cont1 cont2">
							<image
								src="https://imgs.ynz666.com/test/2024/11/04/MGU2YzViNjhiZDJiYTMyYzU2MTA5ZjAxMzA4ZjE0OTA=.png"
								mode="aspectFill" class="con_bj"></image>
							<view class="con_main">
								<view class="main_top">
									商城买券
								</view>
								<view class="main_bottom">
									<view class="bot_left">
										<view class="left_name">
											购买更多免单券
										</view>
										<view class="left_desc">
											下楼走一走，免单天天有～
										</view>
									</view>
									<view class="bot_right" @click="acquireCoupon(2)">
										 立即前往
									</view>
								</view>
							</view>
						</view>
					</view>
					
					<!-- <view class="cont2">
						点击[立即分享]，分享邀请好友购买并使用核销后，即可获得50%返佣(系统自动到账)
					</view>
					<view class="cont3">
						<view class="btn">
							<image
								src="https://imgs.ynz666.com/test/2023/08/14/MmViMThlZWQzYzc1OWE5NzJlMDUwYWI1N2I1MjQ0M2Y=.png"
								mode="aspectFill" class="img"></image>
							<view class="btn_box">
								<text>立即分享</text>
								<button open-type="share"></button>
							</view>
						</view>
					</view> -->
				</view>
			</view>
		</view>

		<!-- 弹窗提示 -->
		<view class="mask" v-if="modalFlag" @click.stop="closeModal">
			<view class="nomral-modal">
				<view class="bg-top left"></view>
				<view class="bg-top right"></view>
				<block v-if="mineInfo.vip_level<=0">
					<image src="https://imgs.ynz666.com/xiuxian/nomral_modal.png" mode="aspectFill"></image>
					<view class="nomral-txt">暂未购买下楼休闲吧免单券</view>
					<view class="nomral-txt">请选择您心仪的门店去购买吧，免单券全平台商户通用~</view>
					<view class="modal-btn nomral-btn" @tap.stop="gobuy">去购买吧</view>
					<view class="nomral-tip">选择心仪的门店购买免单券，畅享平台所有商户通用吃喝玩乐特权</view>
				</block>
				<block v-else>
					<image src="https://imgs.ynz666.com/xiuxian/vip_modal.png" mode="aspectFill"></image>
					<view class="nomral-title">免单券有效期至</view>
					<view class="nomral-vip">
						{{mineInfo.vipdate.split('.')[0]}}年{{mineInfo.vipdate.split('.')[1]}}月{{mineInfo.vipdate.split('.')[2]}}日
						{{mineInfo.viptime}}
					</view>
					<view class="nomral-txt">还能免费吃喝玩乐{{vipday}}天，剩余{{mineInfo.balance}}张免单券</view>
					<!-- <view class="modal-btn nomral-btn" @tap.stop="payGoods">立即续费</view> -->
					<view class="modal-btn nomral-btn" @tap.stop="gobuyTow">
						去购买
					</view>
					<view class="nomral-tip">爽完再说，暂不续费</view>
				</block>
			</view>
		</view>


		<!-- 提示用户获取机会去首页使用 -->
		<view class="mask" v-if="modalFlagFree" @click.stop="useFree(1)">
			<view class="nomral-modal">
				<view class="bg-top left"></view>
				<view class="bg-top right"></view>
				<block>
					<image src="https://imgs.ynz666.com/xiuxian/vip_modal.png" mode="aspectFill"></image>
					<view class="nomral-txt">你已获得一张免单券</view>
					<view class="nomral-txt">请选择您心仪的门店去使用吧，免单券全平台商户通用~</view>

					<!-- <view class="modal-btn nomral-btn" @tap.stop="useFree(2)">去使用吧</view> -->
					<view class="modalBtnAll">
						<view class="btnLeft" @tap.stop="useFree(2)">
							去使用吧
						</view>
						<view class="btnRight" @tap.stop="openPage('process',2)">
							查看教程
						</view>
					</view>

					<!-- <view class="nomral-tip">个人中心-使用教程，让你更快查看使用方法</view> -->
				</block>
			</view>
		</view>


		<!-- 榜单弹窗 -->
		<view class="mask" v-if="rankFlag" @click.stop="closeModal">
			<view class="rank-modal">
				<image src="../../static/detail/close.png" @tap.stop="closeModal" class="closePoster" mode="aspectFill">
				</image>
				<image src="https://imgs.ynz666.com/xiuxian/rank-top.png" mode="aspectFill" class="rank-top"></image>
				<view class="rank-de">
					<view>排名</view>
					<view>用户id</view>
					<view>免单次数</view>
					<view>总共省钱</view>
				</view>
				<view class="rank-list">
					<view class="rank-item" v-for="(rankitem , rankindex) in ranklist" :key="rankindex">
						<view class="rank-no">
							0{{rankindex+1}}
						</view>
						<view class="rank-nick">
							<image :src="rankitem.avatar" mode="aspectFill"></image>
							<text class="word-line-clamp1">{{rankitem.nickName}}</text>
						</view>
						<view class="rank-count">{{rankitem.count}}</view>
						<view class="rank-save">{{rankitem.total/100}}</view>
					</view>
				</view>
			</view>
		</view>
		<popups :posterImg="posterInfo.imgUrl" v-if="popupsFlag && posterInfo.popup" @closePoster='closePoster'
			@jump='JumpPoster'></popups>
		<customTabbar :curNav="4" :bottomTabbar='bottomTabbar' :saleView='mineInfo.saleView'></customTabbar>
	</view>
</template>

<script>
	var app = getApp();
	import QQMapWX from '../../lib/qqmap-wx-jssdk/qqmap-wx-jssdk.min.js';
	import Map from '../../js_sdk/ms-openMap/openMap.js';
	import {
		CancelVip,
		BuyVip
	} from '../../apis/booking.js';
	import {
		CardCodeDetail
	} from '../../apis/invite.js';
	import customTabbar from '../../components/custom-tabbar/custom-tabbar.vue';
	import {
		sinceBookingOrder
	} from '../../apis/booking.js';
	import popups from '../../components/popups/popups.vue';
	import http from '@/utils/request/http.js';

	import gongType from '@/utils/debounce.js'
	export default {
		data() {
			return {
				modalFlagTow:false,
				statusBarHeight: 0,
				titleBarHeight: 0,
				bottomTabbar: 0,
				day: 0,
				vipday: 0,

				orderInfo: null,
				cancelFlag: false, //  取消会员试用弹窗
				serveFlag: false, //  客服弹窗
				getVipFlag: false, // 会员开通成功弹窗
				wxServiceFlag: false, // 客服弹窗

				opacityNum: 0,

				mineInfo: {},
				slogan: "GET FIT NOW",
				right: "了解GFN会员权益->",
				rightTips: "GFN年卡会员预计为您省¥1299.9/年",
				buttonTips: "试用7天会员",
				// buttonTips: "暂未开放购买",

				playCount: 0,
				releaseCount: 0,
				jumpCarModal: false,
				cancelItem: {
					id: '',
					reason: ''
				},
				menuList: [
					// {
					// text: '激活会员卡',
					// icon: 'https://hesen-gfn-public.oss-cn-shenzhen.aliyuncs.com/default/mine/mine-vipcard.png',
					// method: 'ScanCode'
					// },
					// {
					// text: '企业团购',
					// icon: 'https://hesen-gfn-public.oss-cn-shenzhen.aliyuncs.com/default/mine/mine-shop.png',
					// modal: 'serveFlag'
					// },
					{
						text: '加盟入驻',
						icon: 'https://hesen-gfn-public.oss-cn-shenzhen.aliyuncs.com/default/mine/mine-join.png',
						url: 'https://wj.qq.com/s2/10252133/f2a2/'
					},
					{
						text: '联系客服',
						icon: 'https://hesen-gfn-public.oss-cn-shenzhen.aliyuncs.com/default/mine/mine-service.png',
						method: 'WeixinServer'
					}
				],
				platfrom: '',
				scrollTop: 0,
				navBarHeight: 0,
				statusScroll: false,
				rankInfo: {},
				adList: [],
				autoplayFlag: false,
				VIPFlag: false,
				scrollFlag: false,
				posterInfo: {},
				popupsFlag: false,
				modalFlag: false,
				pageInfo: [],

				isLastPage: false,
				orderList: [],
				currentPage: 1,
				pageSize: 10,
				rankFlag: false,
				ranklist: [],

				modalFlagFree: false,
			}
		},

		components: {
			customTabbar,
			popups
		},
		onLoad(options) {


			console.log(app.globalData.isFlagFree, "app.globalData.isFlagFree")
			if (app.globalData.isFlagFree) {
				this.modalFlagFree = true
			}

			this.getPageInfo();
			this.getRankList();
		},
		onShow() {
			uni.hideTabBar();
			this.currentPage = 1;
			this.orderList = [];
			this.isLastPage = false
			this.bottomTabbar = uni.getStorageSync('bottomTabbar');
			this.getUserInfo();
			this.getOrderList();
		},

		onReady() {
			uni.hideTabBar();
			this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight;
			this.titleBarHeight = (uni.getMenuButtonBoundingClientRect().top - this.statusBarHeight) * 2 + uni
				.getMenuButtonBoundingClientRect().height;
			this.bottomTabbar = uni.getStorageSync('bottomTabbar');
		},
		onPullDownRefresh() {
			let that = this;
			uni.showToast({
				title: '刷新中',
				icon: "loading",
				mask: true
			})
			setTimeout(() => {
				that.getUserInfo();
				uni.hideNavigationBarLoading() //完成停止加载
				uni.stopPullDownRefresh() //停止下拉刷新
				uni.hideToast();
			}, 1500);
		},

		onPageScroll(e) {
			if (e.scrollTop > 0) {
				this.scrollFlag = true;
			}
			if (e.scrollTop <= 0) {
				this.scrollFlag = false;
			}
		},

		onUnload() {
			this.getVipFlag = false;
			this.serveFlag = false;
			this.cancelFlag = false;
			this.wxServiceFlag = false;

			this.currentPage = 1;
			this.orderList = [];
			this.isLastPage = false;
			this.rankFlag = false;
		},
		onHide() {
			this.getVipFlag = false;
			this.serveFlag = false;
			this.cancelFlag = false;
			this.wxServiceFlag = false;
			this.popupsFlag = false;
			this.modalFlag = false;
			this.rankFlag = false;

			this.currentPage = 1;
			this.orderList = [];
			this.isLastPage = false
		},
		methods: {
			closeMask() {
				this.modalFlagTow=false;
			},
			// 获取券
			acquireCoupon(index){
				if(index==1){
					uni.navigateTo({
						url: `/pageE/sharedraw/sharedraw`
					});
				}else if(index==2){
					uni.switchTab({
						url:'/pages/integral/integral'
					})
				}else{
					uni.navigateBack({
						delta:1,
						fail() {
							uni.switchTab({
								url:'../index/index'
							})
						}
					})
				}
			},
			JumpPlatform(){
				uni.navigateToMiniProgram({
				  appId: 'wxa65f76072cc37479',
				  path: 'pages/index/index',
				  extraData: {
				    'data1': 'test'
				  },
				  success(res) {
				    // 打开成功
				  }
				})

			},
			// 扫码
			ScanCode() {
				uni.scanCode({
					scanType: ['qrCode'],
					success(code) {
						console.log(code, "code")
						if (code.result) {

							let Code = code.result;
							CardCodeDetail({
								cardCode: Code
							}).then(result => {
								console.log(result, "result")
								switch (result.code) {
									case 200:
										switch (result.data.status) {
											case false:
												uni.navigateTo({
													url: '../scanSuccess/scanSuccess?detail=' +
														JSON.stringify(result.data),
												})
												break;
											case true:
												// 使用过
												uni.navigateTo({
													url: '/pages/scanFail/scanFail?tips=' +
														'此激活码已被使用，请联系健身卡商家或客服'
												})
												break;
										}
										break;
									default:
										uni.navigateTo({
											url: `/pages/scanFail/scanFail?tips=${result.message}`
										})
										break
								}
							})
						}
					}
				})
			},
			getRankList() {
				let that = this;
				http.post('/api/store/v1/appointment/rank', {
					tp: 0
				}).then(rank => {
					that.ranklist = rank.data.list.slice(0, 5);
				})
			},
			orderMed(orderInfo) {
				switch (orderInfo.status) {
					case 0:
						this.jumpPageToQrcode(orderInfo);
						break;
					case 1:
						this.toComment(orderInfo);
						break;
				}
			},
			payGoods: gongType.debounce(function(e) {
				let that = this;
				http.post('/api/order/v1/goods/buy', {
					id: '',
					type: 1,
				}).then(payment => {
					switch (payment.code) {
						case 200:
							app.WxPayMent(payment.data).then(res => {
								app.getUserInfo(function(lRes) {
									that.mineInfo = lRes;
								})
								that.modalFlag = false;
							})
							break;
						default:
							uni.showToast({
								title: payment.message,
								icon: 'none'
							})
							break;
					}
				})
			}, 1000),
			showMoadl() {
				this.modalFlagTow=true;
				// this.modalFlag = true;
			},
			jumpRank() {
				this.rankFlag = true;
			},
			gobuyTow(){
				// this.modalFlag = false;
				uni.navigateTo({
					url: `/pages/buy/buy`
				})
			},
			getPageInfo() {
				const that = this
				http.post('/api/platform/v1/page/info', {
					code: 'me'
				}).then(res => {
					that.pageInfo = res.data
					that.menuList.forEach(v => {
						res.data.forEach(k => {
							if (v.text === k.name) {
								v.value = k.value
							}
							if (v.text === '联系客服' && k.name === '营业时间') {
								v.value = k.value
							}
						})
					})
				})
			},
			closePoster() {
				this.popupsFlag = false;
			},
			JumpPoster() {
				let poster = this.posterInfo;
				app.PosterJumpPage(poster);
			},
			openPage(page, index) {
				switch (index) {
					case 1:
						uni.navigateTo({
							url: `/pages/${page}/${page}`
						})
						break;
					case 2:
						uni.navigateTo({
							url: `/pageB/${page}/${page}`
						})
						break;
					case 3:
						uni.navigateTo({
							url: `/pageC/${page}/${page}`
						})
						break;
					case 4:
							uni.navigateTo({
								url: `/pageD/${page}/${page}`
							})
							break;
					default:
						break;
				}

			},
			jumpAd(img) {
				switch (img.sourceType) {
					case 3:
						uni.setStorageSync('webUrl', img.sourceUrl)
						uni.navigateTo({
							url: '/pages/agreement/agreement'
						})
						break;
					default:
						switch (img.sourceUrl) {
							case "/pages/index/index":
							case "/pages/mine/mine":
							case "/pages/storeDetail/storeDetail":
								uni.navigateTo({
									url: img.sourceUrl + '?store_id=' + img.sourceId
								})
								break;
							case "/pages/groupDetail/groupDetail":
								uni.navigateTo({
									url: img.sourceUrl + '?id=' + img.sourceId
								})
								break;
							default:
								uni.navigateTo({
									url: img.sourceUrl
								})
								break;
						}
						break;
				}
			},
			getUserInfo() {
				let that = this;
				app.getUserInfo(function(lRes) {
					that.mineInfo = lRes;
					uni.setStorageSync('mineInfo', lRes);
					that.mineInfo.isBuyVip = false;
					that.mineInfo.vipdate = lRes.expireTime.split(' ')[0];
					that.mineInfo.viptime = lRes.expireTime.split(' ')[1];
					// 多久时间
					let now = new Date().getTime();
					let creatTime = that.mineInfo.create_time.split('.')[0] + '/' + that.mineInfo.create_time
						.split('.')[1] + '/' + that.mineInfo.create_time.split('.')[2];
					creatTime = new Date(creatTime).getTime();
					that.day = Math.floor(((now - creatTime) / 1000 / 60 / 60 / 24)) + 1;
					if (that.mineInfo.vip_level > 0) {
						let expireTime = that.mineInfo.expireTime.split('.')[0] + '/' + that.mineInfo.expireTime
							.split('.')[1] + '/' + that.mineInfo.expireTime.split('.')[2];
						expireTime = new Date(expireTime).getTime();
						that.vipday = Math.floor(((expireTime - now) / 1000 / 60 / 60 / 24)) + 1;
					}
					if (that.mineInfo.expireTime.split(' ')[0] != '1970.01.01') {
						// 用户购买过会员
						that.mineInfo.isBuyVip = true;
					};
					// 海报
					// if(!that.posterInfo.imgUrl){
					// 	app.ShowPosterInfo('me',that.mineInfo.buyVipLevel).then(popups => {
					// 		that.posterInfo = popups;
					// 		that.popupsFlag = popups.popup;
					// 	});
					// }
					app.httpRequest({
						url: app.globalData.api.system.bannerSystem + '/me', //AdIndexList,
						method: 'POST',
						data: {
							location: 'me',
						}
					}).then(ad => {
						that.adList = ad.data;
						that.autoplayFlag = that.adList.length == 1 ? false : true;
					})
				})
			},
			//  获取最近一个订单
			getNearOrder() {
				let that = this;
				let mineInfo = uni.getStorageSync('mineInfo');
				if (mineInfo.nick_name) {
					that.mineInfo = mineInfo;
					sinceBookingOrder().then(res => {
						switch (res.code) {
							case 200:
								if (res.data) {
									res.data.date = res.data.appointmentDate.slice(5).replace('-', '.');
									that.orderInfo = res.data;
								} else {
									that.orderInfo = null;
								}
								break;
							default:
								that.orderInfo = null;
								break;
						}
					})
				}
				// },500);
			},
			// 打开地图 
			openMap(orderInfo) {
				let lag = Number(orderInfo.location.split(',')[0]);
				let lat = Number(orderInfo.location.split(',')[1]);
				Map.openMap(lag, lat, orderInfo.businessAddress, "gcj02"); //wgs84
			},
			//  跳转展示小程序二维码
			jumpPageToQrcode(orderInfo) {
				uni.navigateTo({
					url: '../orderResult/orderResult?orderId=' + orderInfo.id
				})
			},
			toComment(orderInfo) {
				uni.setStorageSync('thumbImg', orderInfo.thumb_img);
				uni.navigateTo({
					url: `../userComment/userComment?id=${orderInfo.id}&type=booking`
				})
			},
			// 取消试用 购买会员
			vipBuyMed() {
				let that = this;
				if (that.mineInfo.vip_level > 0) {
					if (that.mineInfo.is_probation) { //   是试用会员
						that.toCacel(); //显示取消会员弹窗
					} else {
						// 是正式会员
						// that.payMentMed();
					}
				}
			},
			//  取消会员弹窗
			toCacel() {
				this.cancelFlag = true;
			},
			// 取消弹窗事件
			cancelMed(i) {
				let that = this;
				switch (i) {
					case 0: // 确认取消
						that.cancelFlag = false;
						CancelVip().then(cancel => {
							if (cancel.code !== 200) {
								uni.showToast({
									title: cancel.message,
									icon: 'none',
									duration: 2000
								})
								that.getUserInfo();
							} else {
								uni.showToast({
									title: '试用会员取消成功',
									icon: 'none',
									duration: 2000
								})
								that.getUserInfo();
							}
						})
						break;
					case 1:
						that.cancelFlag = false;
						break;
				}
			},

			payMentMed() {
				let that = this;
				const par = {
					vipLevel: that.mineInfo.buyVipLevel
				};
				BuyVip(par).then(payment => {
					app.WxPayMentMed(payment.data, function(res) {
						that.getUserInfo();
						that.getVipFlag = true;
					}, function(err) {})
				});
			},

			getOrderList() {
				let that = this;
				let status = [0, 1]; // 2 超时 3 取消 4
				const parms = {
					"page": that.currentPage,
					"pageSize": that.pageSize,
					'status': status
				}
				http.post('/api/store/v1/appointment/list', parms).then(res => {
					that.isLastPage = res.data.is_last_page;
					if (res.data.data && res.data.data.length > 0) {
						that.orderList = that.orderList.concat(res.data.data)
					}
				})
			},

			// 服务
			serviceMed(id) {
				let that = this;
				switch (id) {
					case 4:
						that.ScanCode();
						break;
					default:
						that.serveFlag = true;
						break;
					case 8:
						uni.navigateTo({
							url: '../helpCenter/helpCenter'
						})
						break;
				}
			},
			wxService() {
				let that = this;

				that.wxServiceFlag = true;
			},
			gobuy() {
				this.modalFlag = false;
				uni.navigateTo({
					url: `/pageB/purchase/purchase`
				});
			},
			// 关闭弹窗
			closeModal() {
				this.getVipFlag = false;
				this.serveFlag = false;
				this.cancelFlag = false;
				this.wxServiceFlag = false;
				this.VIPFlag = false;
				this.cancelModal = false
				this.modalFlag = false;
				this.rankFlag = false;
			},
			// 去使用吧
			useFree(index) {
				this.modalFlagFree = false;
				app.globalData.isFlagFree = false;
				if (index == 2) {
					uni.switchTab({
						url: '/pages/index/index',
					})
				}
			},
			// 客服弹窗按钮
			serveModalMed(me) {
				switch (me) {
					case 'cancel':
						this.serveFlag = false;
						break;
					case 'confirm':
						this.WeixinServer();
						break;
					case 'phone':
						// this.opacityNum = 0;
						this.wxServiceFlag = false;
						uni.makePhoneCall({
							phoneNumber: '0755-32959666'
						})
						break;
				}
			},
			// 扫码
			ScanCode() {
				uni.scanCode({
					scanType: ['qrCode'],
					success(code) {
						console.log(code, "code")
						if (code.result) {
							console.log(code.result, "code.result")
							let Code = code.result;

							// 是转卖的订单
							let resultStr = decodeURIComponent(code.result)
							console.log(resultStr, "1111")

							var n = resultStr.indexOf("resellType");
							console.log(n, "0000000")

							if (n == -1) {
								//说明这里是29.9的卡核销
								console.log("说明这里是29.9的卡核销")
								CardCodeDetail({
									cardCode: Code
								}).then(result => {
									switch (result.code) {
										case 200:
											switch (result.data.status) {
												case false:
													uni.navigateTo({
														url: '../scanSuccess/scanSuccess?detail=' +
															JSON.stringify(result.data),
													})
													break;
												case true:
													// 使用过
													uni.navigateTo({
														url: '/pages/scanFail/scanFail?tips=' +
															'此激活码已被使用，请联系休闲卡商家或客服'
													})
													break;
											}
											break;
										default:
											uni.navigateTo({
												url: '/pages/scanFail/scanFail?tips=' + result
													.message
											})
											break
									}
								})
							} else {
								// 走有订单id和resellType
								let dataPar = JSON.parse(resultStr)
								console.log(dataPar, "2222")
								switch (dataPar.resellType) {
									case 'resell':
										console.log("跳转去转卖支付页面")
										uni.navigateTo({
											url: '/pageB/resellPay/resellPay?detail=' + JSON.stringify(
												dataPar),
										})
										break;
									case 'promotion':
										console.log("跳转去9.9支付页面")
										break;
									default:
										break
								}
							}



						}
					}
				})
			},

			// 跳转
			JumpPage(page) {
				switch (page) {
					case 'index':
						// if(this.mineInfo.vip_level>0){
						uni.switchTab({
							url: '/pages/' + page + '/' + page
						})
						// }else{
						// 	this.VIPFlag = true;
						// }
						break;
					default:
						uni.navigateTo({
							url: `../${page}/${page}`
						})
						break;
				}
			},

			// 接入微信客服
			WeixinServer() {
				console.log("打开客服")
				wx.openCustomerServiceChat({
					extInfo: {
						url: 'https://work.weixin.qq.com/kf/' + "kfc11f5184d7762c658"
					},
					 corpId: 'ww106853c8ad050781',
				})
			},
			WeixinServerT() {
				console.log("打开客服2")
				wx.openCustomerServiceChat({
					extInfo: {
						url: 'https://work.weixin.qq.com/kf/' + "kfc11f5184d7762c658"
					},
					corpId: 'ww106853c8ad050781',
				})
				// https://work.weixin.qq.com/kfid/kfcb597e5a373b7f5ca
			},
			clickMenu(item) {
				if (item.path) {
					uni.navigateTo({
						url: `../${item.path}/${item.path}`
					})
				} else if (item.method) {
					this[item.method]()
				} else if (item.modal) {
					this[item.modal] = true
				} else if (item.url) {
					wx.openEmbeddedMiniProgram({
						appId: 'wxebadf544ddae62cb',
						path: 'pages/survey/index?sid=10252133&hash=f2a2&navigateBackMiniProgram=true',
					});
				}
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f7f7f7;
	}

	.container {
		padding-bottom: 230rpx;
	}

	.top-nav {
		position: relative;
		z-index: 5;

		image {
			width: 100%;
			height: 100%;
			// position: absolute;top: 0;left: 0;
			z-index: -1;
		}
	}

	// 首页banner
	.index_banner {
		height: 200rpx;
		padding: 0 30rpx;
		padding-bottom: 20rpx;
		margin-top: 30rpx;

		.swiper-banner {
			height: 200rpx;
			width: 100%;
		}

		image {
			height: 200rpx;
			border-radius: 24rpx;
			width: 690rpx;
		}
	}

	.tips {
		font-size: 24rpx;
		color: #ADADAD;
		text-align: center;
		margin-top: 100rpx;
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: -1;
	}

	/* 背景 */
	.bg-view {
		width: 100vw;

		// height: 530rpx;
		.bg-image {
			z-index: -1;
			display: block;
			width: 100%;
			height: 530rpx;
			position: absolute;
			top: 0;
			left: 0;
		}
	}

	.status_nav {
		width: 100vw;
	}

	.Index_tab_top {
		font-size: 38rpx;
		font-weight: 500;
		color: #141414;
		text-align: center;
		display: flex;
		align-items: center;
		// background-color: #52C41A;
		z-index: 5;

		.scan-box {
			margin-left: 30rpx;
			// width: 160rpx;
			// height: 58rpx;
			// background: rgba(255,255,255,0.1);
			// border-radius: 28rpx;
			// border: 1rpx solid #FA6400;
			font-size: 28rpx;
			font-weight: bold;
			color: #000;
			line-height: 58rpx;
			display: flex;
			align-items: center;
			justify-content: center;

			image {
				width: 33rpx;
				height: 33rpx;
				margin-right: 4rpx;
			}

			view {
				margin-left: 15rpx;
			}
		}

		.mine-txt {
			width: 100rpx;
			position: absolute;
			left: 50%;
			margin-left: -50rpx;
		}
	}

	.userinfo-img {
		z-index: 1;
		margin: 0 auto;
		margin-top: 40rpx;
		position: relative;
		width: 140rpx;
		height: 140rpx;
		border: 3rpx solid #fff;
		border-radius: 50%;

		display: flex;
		justify-content: center;

		image:nth-child(1) {
			width: 140rpx;
			height: 140rpx;
			border-radius: 50%;
		}

		image:nth-child(2) {
			width: 36rpx;
			height: 36rpx;
			border-radius: 50%;
			position: absolute;
			bottom: 0;
			right: 0;
		}
	}

	.user-name {
		font-size: 32rpx;
		font-weight: bold;
		color: #fff;
		margin-top: 14rpx;
		z-index: 1;
		text-align: center;
	}

	.user-name-tip {
		font-size: 24rpx;
		color: rgba(255, 255, 255, 0.8);
		margin-top: 4rpx;
		text-align: center;
	}


	// ///////////
	.main1 {
		margin: 0 60rpx 0 46rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.left {
			display: flex;
			align-items: center;

			.img {
				width: 112rpx;
				height: 112rpx;
				border-radius: 50%;
			}

			.view_box {
				padding-left: 16rpx;

				.view1 {
					font-weight: 700;
					font-size: 32rpx;
					color: #000000;
				}

				.view2 {
					font-weight: 400;
					font-size: 24rpx;
					color: #666666;
					padding-top: 6rpx;
				}
			}
		}

		.right {
			display: flex;
			align-items: center;

			.view1 {
				font-weight: 400;
				font-size: 24rpx;
				color: #666666;

			}

			.img {
				width: 11rpx;
				height: 22rpx;
				margin-left: 20rpx;
			}
		}
	}

	.main2 {
		margin: 40rpx 20rpx 0 20rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.item {
			width: 345rpx;
			height: 180rpx;
			border-radius: 32rpx;
			position: relative;

			.img_bj {
				width: 345rpx;
				height: 180rpx;
				border-radius: 32rpx;
			}

			.item_box {
				width: 345rpx;
				height: 180rpx;
				border-radius: 32rpx;
				position: absolute;
				top: 0;

				.box_content {
					padding: 16rpx 0 0 24rpx;

					.view1 {
						font-weight: 400;
						font-size: 22rpx;
						color: #FFFFFF;
						opacity: 0.8;
					}

					.view2 {
						font-weight: 700;
						font-size: 40rpx;
						color: #FFFFFF;
						margin: 8rpx 0 12rpx;
					}

					.view3 {
						font-weight: 400;
						font-size: 20rpx;
						color: #FFFFFF;
						opacity: 0.6;
					}
				}
			}
		}
	}

	.main3 {
		margin: 66rpx 36rpx 0;

		.item {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 80rpx;

			.left {
				display: flex;
				align-items: center;

				.img {
					width: 41rpx;
					height: 40rpx;
				}

				.view1 {
					font-weight: 400;
					font-size: 28rpx;
					color: #333333;
					margin-left: 23rpx;
				}
			}

			.right {
				display: flex;
				align-items: center;

				.view1 {
					font-weight: 400;
					font-size: 24rpx;
					color: #999999;
					margin-right: 16rpx;
				}

				.img {
					width: 11rpx;
					height: 22rpx;
				}
			}
		}
	}


	.user-vip {
		z-index: 1;
		padding: 0 30rpx;
		margin-top: -30rpx;
		display: flex;
		justify-content: space-between;

		.user-vip-detail {
			background-color: #fff;
			border-radius: 24rpx;
			display: flex;
			padding: 20rpx;

			.user-vip-left {
				margin-right: 18rpx;

				view:nth-child(1) {
					font-size: 36rpx;
					font-weight: bold;
					color: #141414;
				}

				view:nth-child(2) {
					font-size: 22rpx;
					color: #666666;
				}
			}

			image {
				width: 100rpx;
				height: 100rpx;
			}
		}
	}

	// 我的预约
	.mine-booking {
		padding: 30rpx;

		.mine-booking-title {
			font-size: 32rpx;
			font-weight: bold;
			color: #141414;
		}
	}

	.booking-info {
		padding: 30rpx 20rpx;
		display: flex;
		justify-content: space-between;
		background-color: #fff;
		border-radius: 24rpx;
		margin-top: 20rpx;

		.booking-left {
			width: 180rpx;
			height: 180rpx;
			position: relative;

			image {
				width: 180rpx;
				height: 180rpx;
				border-radius: 12rpx;
			}
		}

		.booking-right {
			position: relative;
			flex: 1;
			margin-left: 16rpx;

			.booking-name {
				font-size: 28rpx;
				font-weight: bolder;
				color: #333333;
				line-height: 40rpx;
				margin-bottom: 12rpx;
			}

			.booking-time {
				margin-bottom: 28rpx;
				font-size: 24rpx;
				line-height: 33rpx;

				text:nth-child(1) {
					color: #999999;
				}

				text:nth-child(2) {
					color: #333;
				}
			}

			.booking-btn {
				display: flex;
				position: absolute;
				right: 0;
				bottom: 0;

				view {
					width: 168rpx;
					height: 53rpx;
					line-height: 53rpx;
					border-radius: 28rpx;
					font-size: 22rpx;
					text-align: center;
					line-height: 53rpx;
				}

				view:nth-child(1) {
					border: 1rpx solid #999999;
					color: #141414;
					margin-right: 12rpx;
				}

				view:nth-child(1) {
					background: #FA6400;
					color: #fff;
					border: 1rpx solid #FA6400;
				}

				.comment {
					color: #fff !important;
					border: none !important;
					background-color: #FA6400;
				}
			}
		}
	}

	// 弹窗
	.mask {
		width: 100vw;
		height: 100vh;
		position: fixed;
		left: 0;
		top: 0;

		background-color: rgba(0, 0, 0, 0.65);

		.rank-modal {
			width: 600rpx;
			padding-bottom: 48rpx;
			position: absolute;
			top: 50%;
			transform: translateY(-60%);
			left: 50%;
			margin-left: -300rpx;
			background: #FFFFFF;
			border-radius: 24rpx;

			.closePoster {
				width: 48rpx;
				height: 48rpx;
				position: absolute;
				bottom: -80rpx;
				left: 50%;
				margin-left: -24rpx;
			}

			.rank-top {
				width: 600rpx;
				height: 200rpx;
				display: block;
			}

			.rank-de {
				padding: 30rpx 30rpx 0 30rpx;
				display: flex;
				font-size: 22rpx;
				color: #999999;

				view:nth-child(1) {
					margin-right: 58rpx;
				}

				view:nth-child(2) {
					margin-right: 150rpx;
				}

				view:nth-child(3) {
					margin-right: 50rpx;
				}
			}

			.rank-list {
				padding: 36rpx 30rpx;

				.rank-item {
					display: flex;
					align-items: center;
					justify-content: space-between;
					font-size: 24rpx;
					color: #666666;
					margin-bottom: 20rpx;

					.rank-no {
						font-size: 24rpx;
						color: #FA6400;
					}

					.rank-count {
						width: 50rpx;
					}

					.rank-save {
						width: 100rpx;
						text-align: center;
					}

					.rank-nick {
						display: flex;
						align-items: center;
						width: 220rpx;
						// margin: 0 60rpx 0 60rpx;

						image {
							width: 68rpx;
							height: 68rpx;
							border-radius: 50%;
							margin-right: 10rpx;
						}

						text {
							flex: 1;
						}
					}
				}

				.rank-item:last-child {
					margin-bottom: 0;
				}
			}
		}

		.nomral-modal {
			text-align: center;
			width: 600rpx;
			padding-bottom: 48rpx;
			overflow: hidden;

			position: absolute;
			top: 50%;
			transform: translateY(-60%);
			left: 50%;
			margin-left: -300rpx;
			background: #FFFFFF;
			border-radius: 24rpx;

			.bg-top {
				width: 51%;
				height: 165rpx;
				background: #FA6400;
				top: 0;
				border-radius: 0 0 0% 80%;
				position: absolute;
				z-index: -1;
			}

			.left {
				left: 0;
			}

			.right {
				right: 0;
				border-radius: 0 0 80% 0% !important;
			}

			image {
				width: 170rpx;
				height: 170rpx;
				display: block;
				margin: 0 auto;
				margin-top: 54rpx;
				z-index: 1;
				margin-bottom: 14rpx;
			}

			.nomral-txt {
				width: 482rpx;
				text-align: center;
				margin: 0 auto;
				font-size: 28rpx;
				font-weight: bold;
				color: #141414;
				line-height: 50rpx;
			}

			.modal-btn {
				background-color: #FA6400;
			}

			.nomral-title {
				font-size: 28rpx;
				color: #141414;
				line-height: 40rpx;
			}

			.nomral-vip {
				font-size: 38rpx;
				font-weight: bold;
				color: #141414;
				line-height: 54rpx;
			}

			.nomral-btn {
				margin: 0 auto;
				margin-top: 54rpx;
			}

			.nomral-tip {
				text-align: center;
				width: 424rpx;
				margin: 0 auto;
				font-size: 20rpx;
				color: #666666;
				line-height: 28rpx;
				margin-top: 14rpx;
			}

			.modalBtnAll {
				margin: 54rpx 30rpx 0;
				display: flex;
				align-items: center;
				justify-content: space-between;

				.btnLeft {
					width: 260rpx;
					background-color: #FA6400;
					height: 88rpx;
					border-radius: 44rpx;
					text-align: center;
					color: #fff;
					font-size: 28rpx;
					font-weight: bold;
					color: #FFFFFF;
					line-height: 88rpx;
				}

				.btnRight {
					width: 260rpx;
					background-color: #FA6400;
					height: 88rpx;
					border-radius: 44rpx;
					text-align: center;
					color: #fff;
					font-size: 28rpx;
					font-weight: bold;
					color: #FFFFFF;
					line-height: 88rpx;
				}
			}
		}
	}


// 弹窗
	.maskTow {
		width: 100vw;
		height: 100vh;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 99;
		background-color: rgba(0, 0, 0, 0.65);
	
		.nomral-modal {
			text-align: center;
			width: 722rpx;
			padding-bottom: 48rpx;
			// overflow: hidden;
			position: absolute;
			top: 50%;
			transform: translateY(-60%);
			left: 50%;
			margin-left: -361rpx;
			border-radius: 24rpx;
	
			.tk_bjImg {
				width: 100%;
				height: 819rpx;
			}
	
			.modal_box {
				position: absolute;
				top: 0;
				width: 722rpx;
				height: 819rpx;
	
				.gb_img {
					position: absolute;
					left: 322rpx;
					bottom: -70rpx;
					width: 52rpx;
					height: 52rpx;
				}
				.content_box{
					padding: 393rpx 0 0;
					margin: 0 43rpx;
				}
				.cont1 {
					width: 571rpx;
					height: 183rpx;
					position: relative;
					margin: 0 auto;
					.con_bj{
						width: 573rpx;
						height: 185rpx;
					}
					.con_main{
						width: 573rpx;
						height: 185rpx;
						position: absolute;
						top: 0;
						left: 0;
						.main_top{
							width: 176rpx;
							height: 48rpx;
							display: flex;
							align-items: center;
							justify-content: center;
							font-weight: 500;
							font-size: 28rpx;
							color: #FEDDBB;
						}
						.main_bottom{
							// width: 573rpx;
							height: 137rpx;
							display: flex;
							align-items: center;
							margin: 0 20rpx 0 30rpx;
							justify-content: space-between;
							.bot_left{
								display: flex;
								flex-direction: column;
								align-items: baseline;
								.left_name{
									font-weight: 600;
									font-size: 32rpx;
									color: #B81A1A;
								}
								.left_desc{
									font-weight: 400;
									font-size: 26rpx;
									color: #873811;
								}
							}
							.bot_right{
								display: flex;
								align-items: center;
								justify-content: center;
								width: 191rpx;
								height: 60rpx;
								background: #D7361E;
								border-radius: 30rpx;
								font-weight: 600;
								font-size: 26rpx;
								color: #FFDECE;
							}
						}
					}
				}
				.cont2{
					margin-top: 20rpx;
				}
			}
		}
	}
</style>
